<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no,viewport-fit=cover">
		<title>更多服务</title>
		<link rel="stylesheet" href="../../css/mui.min.css">
		<link rel="stylesheet" href="../../css/app01.css">
		<style>
			.mui-content{position:absolute;height:100%;padding:0;top:0;left:0;width:7.5rem;background:url(../../images/more/bg.png) no-repeat;background-size:100% 100%;}
			.weather{width:100%;float:left;margin-top:2.1rem}
			.weather_left{float:left;margin-left:.5rem;width:4rem;}
			.weather_left .weather_txt{font-size:.56rem;float:left;line-height:.6rem;margin-right:.3rem;}
			.weather_left .weather_tq,.weather_left .weather_du{width:2.2rem;float:left;line-height:.3rem;font-size:.24rem;color:#666;}
			.weather_right{float:right;margin-right:.43rem;margin-top:-.2rem;}
			.weather_right .address{float:left;line-height:.93rem;color:#333;font-size:.3rem;}
			.weather_right .weather_icon{float:left;margin-left:.15rem;}
			.weather_right .weather_icon>img{width:1.22rem;}
			.mui-slider-indicator{bottom:0;}
			/*轮播*/
			.slide_cont{width:100%;float:left;height:3.5rem;background:#fff url(../../images/index/bannerBg.png) no-repeat; background-size:100% auto;}
			.mui-slider{width:7.5rem;margin:4rem auto 0 auto;float:left;}
			.mui-slider-indicator .mui-indicator{border-color:#c6c7c9;width:0.08rem;height:0.08rem;background:#c6c7c9;box-shadow:none;}
			.mui-slider-indicator .mui-active.mui-indicator{width:0.2rem;border-color:#40bef8;border-radius:.1rem;box-shadow:none;background-color:#40bef8;}
			.mui-slider-indicator .mui-indicator{margin:1px 3px;}
			.memberNav ul{padding:.07rem 0 .5rem 0;margin:0;float:left;}
		    .memberNav ul li{width:1.87rem;height:1.6rem;float:left;text-align:center;list-style:none;margin-bottom:.46rem;position:relative;}
		    .memberNav ul li:nth-child(4n):after{width:0;}
		    .memberNav ul li a{display:block;}
		    .memberNav ul li a>.iconfont{width:100%;height:1.1rem;float:left;}
		    .memberNav ul li a>.iconfont>img{width:1.1rem !important;height:1.1rem;}
		    .memberNav ul li a>.tit_txt{color:#666;font-size:.24rem;width:100%;text-align:center;float:left;margin-top:.03rem;}
		    .wrong{display:block;width:.4rem;height:.4rem;overflow:hidden;float:left;margin:.65rem 3.58rem 0 3.58rem;}
		    .wrong>img{width:100%;}
		</style>
	</head>
	<body>
		<div class="mui-content" >
			<div class="weather" id="weather_app">
				<div class="weather_left">
					<span class="weather_txt">{{temp}}℃</span>
					<span class="weather_tq">{{weather1}}</span>
					<span class="weather_du">H{{temphigh}}℃  - L{{templow}}℃</span>
				</div>
				<div class="weather_right">
					<span class="address">{{city}}</span>
					<span class="weather_icon"><img :src="'../../images/weather/' + img + '.png'" ></span>
				</div>
			</div>
			<div id="slider" class="mui-slider" style="height: 150px;">
				<div class="mui-slider-group mui-slider-loop">
					<!-- 第一张 -->
					<div class="mui-slider-item">
						<div class="memberNav">
					        	<ul>
					        		<li><a id='ygzw'>
					        			<span class="iconfont">
					        				<img src="../../images/more/more06.png">
					        			</span>
					        			<span class="tit_txt">政务公开</span>
					        		</a></li>
					        		<li><a id='robot'>
					        			<span class="iconfont">
					        				<img src="../../images/more/more04.png">
					        			</span>
					        			<span class="tit_txt">智能问答</span>
					        		</a></li>
					        	</ul>
					        </div>
					</div>
				</div>
				<!--<div class="mui-slider-indicator">
					<div class="mui-indicator mui-active"></div>
				</div>-->
		    </div>
		    <a class="mui-action-back wrong"><img src="../../images/more/cuowu.png"></a>
		</div>
	<script src="../../js/mui.min.js"></script>
	<script src="../../js/common.js"></script>
	<script src="../../js/app.js"></script>
	<script src="../../js/vue.min.js"></script>
	<script src="../../js/app.js"></script>
	<script>
		mui.init();
		/*var slider = mui("#slider");
			slider.slider();*/
		mui.plusReady(function(){
			plus.geolocation.getCurrentPosition(function(p){
				var city = p['address']['city'];
				utils.ajax('appHttpService/getWeatherInfo.do?city=' + city + '&random=' + Math.random(), function(data) {
					var data = JSON.parse(data);
					if(data && data.code == 1){
						return;
					}
					var result = JSON.parse(data.result);
					mui.extend(true,vm.$data, result);
				});
			}, function(e){
				
			} );
		});
		
		var vm = new Vue({
		  el: '#weather_app',
		  data: {"temphigh":"","img":"99","weather1":"","temp":"","templow":"","city":""}
		});
		
		//智能问答
		document.getElementById("robot").addEventListener('tap',function(){
			var titleNView = { //详情页原生导航配置
				backgroundColor: '#f7f7f7', //导航栏背景色
				titleText: '智能问答', //导航栏标题
				titleColor: '#000000', //文字颜色
				autoBackButton: true, //自动绘制返回箭头
				splitLine: { //底部分割线
					color: '#cccccc'
				}
			}
			//预加载详情页
			var wv = mui.preload({
				url: utils.HOST + 'portal/aiRobot.shtml?siteId=' + getCurrentSiteId(),
				id: 'aiRobot',
				styles: {
					"render": "always",
					"popGesture": "hide",
					"bounce": "vertical",
					"bounceBackground": "#efeff4",
					"titleNView": titleNView
				}
			});
			setTimeout(function () {
				wv.show("slide-in-right", 300);
				var old_back = mui.back;
				mui.back = function(){
					var robot = plus.webview.getWebviewById('aiRobot');
					if(robot.isVisible()){
						robot.hide();
					}else{
						old_back();
					}
				}
			},150);
		},false);
		
		//跳转到政务公开页面
		document.getElementById("ygzw").addEventListener('tap',function(){
			utils.showWaiting();
			openNewWin('_www/src/ygzw/public_index.html');
		});
	</script>
	</body>
</html>
